<html>
<head>
    <meta charset="UTF-8">
    <title>Provider Test Page</title>
    <script src="http://jwpsrv.com/library/5V3tOP97EeK2SxIxOUCPzg.js"></script>
  <script src="../src/MyMediaProvider.js"></script>
    <style type="text/css">
        body { padding: 50px 100px; width: 720px; font: 13px/20px Arial; background: #FFF; }
        a, h1, h2 { color: #369; }
        h1 { font-size: 32px; }
        h2 { margin-top: 40px; }
        input { width: 240px; }
    </style>
</head>
<body>

<h1>Provider Test Page</h1>

<h2>HTML5 Test Provider</h2>

<p>This is a basic test that plays a video with the MyMediaProvider.js. The provider will show a timer in the display:</p>

<div id="container1"></div>
<script type="text/javascript">
    jwplayer("container1").setup({
        playlist: [{
          file: 'dummy.timer',
          duration: 10
        }]
    });
</script>

<p>The option <em>duration</em> can be used to change the duration of the timer.</p>

<h2>Flash Test Provider</h2>

<p>This is a basic test that plays a video with the MyMediaProvider.swf:</p>

<div id="container2"></div>
<script type="text/javascript">
    jwplayer("container2").setup({
        playlist: [{
          file: 'http://content.jwplatform.com/videos/HkauGhRi-640.mp4',
          provider: '../MyMediaProvider.swf',
          type: 'flv'
        }],
        MyMediaSaturation: -100
    });
</script>

<p>The option <em>MyMediaSaturation</em> can be used to change the video saturation (use -100 to 100).</p>


</body>
</html>